feat: add header component and update blog layout

- Introduced a new Header component for site navigation.
- Integrated Header into BaseLayout for consistent site structure.
- Updated blog post layout to include the post title in a dedicated section.
- Minor update to README for license clarity.

1 files changed, 4 insertions, 6 deletions

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 41b0f5c..c4e542c 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -33,10 +33,12 @@ const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY"
 <Layout description={post.data.description} title={post.data.title}>
 	<article>
 		<section>
+			<h1>{post.data.title}</h1>
+		</section>
+
+		<section>
 			<p>
 				<small>
-					<a href="/">&lt; Home</a>
-					<span>&nbsp;•&nbsp;</span>
 					Posted
 					<time datetime={post.data.pubDate.toISOString()}>{formattedDate}</time>
 					by&nbsp;{post.data.author}
@@ -47,10 +49,6 @@ const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY"
 		</section>
 
 		<section>
-			<h1>{post.data.title}</h1>
-		</section>
-
-		<section>
 			<Content />
 		</section>